$(document).ready(function(){
	$("input").focus(function() {
		$(this).parent().parent().addClass("focused")
	});
	$("input").blur(function() {
		$(this).parent().parent().removeClass("focused")
	});
	$("textarea").focus(function() {
		$(this).parent().parent().addClass("focused")
	});
	$("textarea").blur(function() {
		$(this).parent().parent().removeClass("focused")
	});	
	$("select").focus(function() {
		$(this).parent().parent().addClass("focused")
	});
	$("select").blur(function() {
		$(this).parent().parent().removeClass("focused")
	});	
	$("#saveCat").click(function(){
		$("#listCat").append("<li>"+$("#catadd").val() +"</li>");
		$("#catadd").val("").focus();
		return false;

	});
	$("#cancelCat").click(function(){
		$("#catadd").val("").focus();
		return false;
	});

	//login box
	$(function() {

		var button = $('#sign_in');
		var box = $('#sign_box');
		var form = $('#loginForm');

		form.mouseup(function() { 
			return false;
		});
		button.mouseup(function(login) {
			box.fadeIn();
		});
		$(this).mouseup(function(login) {
			if(!($(login.target).parent('#loginContainer').length > 0)) {
				box.fadeOut();
			}
		});
      $("img[title]").tooltip({
          // use div.tooltip as our tooltip
          tip: '.tooltip',
 
          // use the fade effect instead of the default
          effect: 'fade',
 
          // make fadeOutSpeed similar to the browser's default
          fadeOutSpeed: 100,
 
          // the time before the tooltip is shown
          predelay: 100,
 
          // tweak the position
          position: "bottom right",
          offset: [-50, -80]
      });
	});

});
